import React, { Component } from "react";
import { View, Text, Image, StyleSheet } from "react-native";

export class NoDataFound extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Image source={require("../assets/no_data.png")} style={styles.img} />
        <Text style={styles.text}> NO DATA FOUND </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  },
  img: {
    width: 100,
    height: 100
  },
  text: {
    fontSize: 16,
    marginTop: 10,
    fontWeight: "bold"
  }
});

export default NoDataFound;
